<template>
<div id="vcu-main">
    <!-- 导航 -->
    <div id="vcu-main-nav">
        <vcu-nav toPath="/aaa" imgSrc='static/vcu/img/favicon.ico' />
        <vcu-nav toPath="/" name="bbbbb" imgSrc='static/vcu/img/favicon.ico'/>
        <vcu-avatar :order="2"/>
        <vcu-avatar src='https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3206689113,2237998950&fm=26&gp=0.jpg'/>
    </div>

    <router-view/>

    

</div>
</template>

<script>
import vcuAvatar from '../../plugin/vcu-avatar/vcu-avatar.vue'
export default {
  components: { vcuAvatar },
    
}
</script>

<style scoped>
#vcu-main{
    /* background-color: aqua; */
    height: 100vh;
    width: 100%;
    
}
#vcu-main-nav{
    /* background-color: rgb(205, 221, 223); */
    width: 80px;
    height: 100vh;
    float: left;
    overflow: auto;
    box-shadow: rgb(209, 207, 207) 0px 0px 12px ;
}



</style>